<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>线上计算</title>
    <script>var recommend ={{ recommend|tojson }}</script>
    
    <style>
        
        .input {
            border: 1px solid #ccc;
            padding: 7px 0px;
            border-radius: 3px;
            padding-left: 5px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
        }

        .input :focus {
            border-color: #66afe9;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
        }

        
    </style>
</head>

<body>

<div style="opacity:0.5;position:absolute;top:50px;left:40px;width:200px;height:80px;background-color:#ff8f00"></div>

<div style="font-family:verdana;padding:20px;border-radius:10px;border:10px solid #9fa8da;background: url('../static/background.jpg')  no-repeat;background-size: 100% 100%;">

    <div style="opacity:0.3;position:absolute;left:80px;width:50px;height:160px;background-color:#4db6ac"></div>

    <div align="center">
        <span style="color: #37474f;font-family: 华文行楷; font-size: 80px;text-shadow: 2px 2px 3px dimgray">线上计算器</span>
    </div>

    <form method="post">
        <div align="center">
            <p><strong style="letter-spacing: 5px; font-family: 华文楷体; font-size: larger">加法：</strong></p>
            <form method="POST" name = "form1">
                <input type="text" name = "left" placeholder = "left"/>+
                <input type="text" name = "right" placeholder = "right"/>=
                <input type="text" name = "result" placeholder = "result" readonly="readonly" value = "{{ RESULT }}"/>

                <input type="submit" value = "输出"/>
            </form>

            <br>
            
             
        </div>
    </form>

</div>


 

<p style="text-align: center"><a href="{{ url_for('index') }}">返回首页</a></p>

</body>

</html>